<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 自执（立即）行函数
        // + 自己执行，不需要额外的其他的操作的调用
        // + 语法
        //   => (function(){})()(推荐)
        //   => (function(){}())
        //   => !function(){}()
        //   => ~function(){}()
        // + 特点
        //   => 函数执行完毕后，存储空间会自动被销毁
        let fn=(function(){
            console.log("你好");
            return "hello"
        })()

        console.log(fn);
        fn();//error 存储空间自行销毁
        // + 作用
        //   => 可以做页面初始化的一些东西
        //   => 可以和闭包配合使用
        var aBtn = document.querySelectorAll('button')
        for(var i=0; i<aBtn.length; i++){
            // function fn(i){
            //     return function(){
            //         console.log(i)
            //     }
            // }
            // aBtn[i].onclick = fn(i)
            
            aBtn[i].onclick = (function(i){
                return function(){
                    console.log(i)
                }
            })(i)
        }
        
    </script>
    <script src="./swiper.js"></script>
    <script>
        //   => 做代码的模块化（伪模块化)
         console.log(modList.index)
        console.log(modSwiper.index)

        modList.render()
    </script>
</body>
</html>